<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
div{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;background:#fff;margin:1px;float:left;display:block;
}
div:hover{
	background:#CFF;
}

</style>


</head>


<body>
<script src="processing-1.3.6.min.js"></script>
<script type="application/processing" data-processing-target="canvas1">

PImage bigImage;
String image_str = "";
int bs = 3; // this is our dot radius
float[] bx = new float[10];
float[] by = new float[10];

void setup() 
{
  for (int i=0; i<10; i++) { 
  	bx[i] = 0.0;
  	by[i] = 0.0;
  }
  bigImage = requestImage(cur_image);
  image_str = cur_image;
  size(352, 240);

  ellipseMode(CENTER_RADIUS);  
}
void draw() 
{ 
  updateSelf();
	//background(background_image);
  if (bigImage.width == 0) {
    // Image is not yet loaded
  } else if (bigImage.width == -1) {
    // This means an error occurred during image loading
  } else {
    // Image is ready to go, draw it
    background(bigImage);
  }
  //we'll draw dots on the coordinates passed in from our javascript

  	for (i=0; i<10;i++) {
		if(coordx[i]>0) {
			stroke(255);
			//colorMode(RGB,255);
			fill(255 - i*20,i*100%255,i*30%255);
			ellipse(coordx[i], coordy[i], bs, bs);
		}
	}

}
void updateSelf()
{
	String new_image_str = cur_image;
	if (new_image_str != image_str) {
		background(200);
		bigImage = requestImage(cur_image);
		image_str = cur_image;
		/*
		for (int i=0; i<10; i++) {
			bx[i] = coordx[i];
			by[i] = coordy[i];
		}
		*/
	}
}
</script>


<script language="Javascript">
var last_clicked = "";
var cur_image = "http://amosweb.cse.wustl.edu/image/984/20091026_143750.jpg";
var coordx = new Array();
var coordy = new Array();

function plot(args) {
	args_array = args.split(" ");
	document.getElementById(args_array[0]).style.background = "#CFF";
	if (last_clicked != "") {
		document.getElementById(last_clicked).style.background = "#FFF";
	}
	last_clicked = args_array[0];
	cur_image = "http://amosweb.cse.wustl.edu/image/984/".concat(last_clicked);
	
	coordx = new Array();
	coordy = new Array();
	for (i=0;i<(args_array.length-1);i++) {
		this_coord = args_array[i+1].split(",");
		coordx[i] = this_coord[0];
		coordy[i] = this_coord[1];
	}
	document.getElementById("coord_text").innerHTML = args; 
	/*
	for (i=0;i<coordx.length;i++) {
		document.getElementById("coord_text").innerHTML += " " + coordx[i] + "," + coordy[i];
	}*/
	
function loading() {
	document.getElementById("loading").style.visibility = "visible";
}

function notloading() {
	document.getElementById("loading").style.visibility = "hidden";
}

}
</script>

<canvas id="canvas1"> </canvas><p id="coord_text"></p>

<br />
<div id="20091026_143750.jpg" onclick="javascript:plot('20091026_143750.jpg 173,88 241,205 67,130')">20091026_143750.jpg</div><div id="20090727_144340.jpg" onclick="javascript:plot('20090727_144340.jpg 327,73 73,27')">20090727_144340.jpg</div><div id="20090706_144832.jpg" onclick="javascript:plot('20090706_144832.jpg 109,201 14,155 228,85')">20090706_144832.jpg</div><div id="20100222_142334.jpg" onclick="javascript:plot('20100222_142334.jpg 316,94')">20100222_142334.jpg</div><div id="20100601_143533.jpg" onclick="javascript:plot('20100601_143533.jpg 161,73')">20100601_143533.jpg</div><div id="20090330_144447.jpg" onclick="javascript:plot('20090330_144447.jpg 304,96')">20090330_144447.jpg</div><div id="20101205_145906.jpg" onclick="javascript:plot('20101205_145906.jpg 113,74 115,85 116,90 127,93 132,87 137,83 133,70 122,66 135,74')">20101205_145906.jpg</div><div id="20100728_144400.jpg" onclick="javascript:plot('20100728_144400.jpg 118,52')">20100728_144400.jpg</div><div id="20091204_140631.jpg" onclick="javascript:plot('20091204_140631.jpg 171,101 262,107')">20091204_140631.jpg</div><div id="20090803_141338.jpg" onclick="javascript:plot('20090803_141338.jpg 90,72  164,71')">20090803_141338.jpg</div><div id="20100705_143854.jpg" onclick="javascript:plot('20100705_143854.jpg 178,153')">20100705_143854.jpg</div><div id="20091124_143640.jpg" onclick="javascript:plot('20091124_143640.jpg 28,81')">20091124_143640.jpg</div><div id="20100707_140918.jpg" onclick="javascript:plot('20100707_140918.jpg 108,157')">20100707_140918.jpg</div><div id="20090330_141446.jpg" onclick="javascript:plot('20090330_141446.jpg 204,61 248,89 271,64 104,68 54,85')">20090330_141446.jpg</div><div id="20090807_144344.jpg" onclick="javascript:plot('20090807_144344.jpg 140,96')">20090807_144344.jpg</div><div id="20101103_145652.jpg" onclick="javascript:plot('20101103_145652.jpg 141,134')">20101103_145652.jpg</div><div id="20090203_140029.jpg" onclick="javascript:plot('20090203_140029.jpg 211,119')">20090203_140029.jpg</div><div id="20090704_141808.jpg" onclick="javascript:plot('20090704_141808.jpg 323,133')">20090704_141808.jpg</div><div id="20100826_145403.jpg" onclick="javascript:plot('20100826_145403.jpg 42,202 56,128 164,68')">20100826_145403.jpg</div><div id="20081230_142949.jpg" onclick="javascript:plot('20081230_142949.jpg 328,72 69,75 202,182')">20081230_142949.jpg</div><div id="20091227_143827.jpg" onclick="javascript:plot('20091227_143827.jpg 116,54  149,86  171,71 192,90 82,47 67,41')">20091227_143827.jpg</div><div id="20091128_140634.jpg" onclick="javascript:plot('20091128_140634.jpg 25,70  235,93')">20091128_140634.jpg</div><div id="20101206_143017.jpg" onclick="javascript:plot('20101206_143017.jpg 51,92')">20101206_143017.jpg</div><div id="20090302_141439.jpg" onclick="javascript:plot('20090302_141439.jpg 233,94')">20090302_141439.jpg</div><div id="20101105_142652.jpg" onclick="javascript:plot('20101105_142652.jpg 268,164')">20101105_142652.jpg</div><div id="20090328_144444.jpg" onclick="javascript:plot('20090328_144444.jpg 219,92')">20090328_144444.jpg</div><div id="20091228_140836.jpg" onclick="javascript:plot('20091228_140836.jpg 305,142 317,142 322,153 312,163 297,157 297,147 298,162 305,165 319,161 322,147')">20091228_140836.jpg</div><div id="20101207_145855.jpg" onclick="javascript:plot('20101207_145855.jpg 54,102  287,94 51,96  53,101')">20101207_145855.jpg</div><div id="20101029_142651.jpg" onclick="javascript:plot('20101029_142651.jpg 201,99')">20101029_142651.jpg</div><div id="20100606_143544.jpg" onclick="javascript:plot('20100606_143544.jpg 106,72')">20100606_143544.jpg</div><div id="20100526_140602.jpg" onclick="javascript:plot('20100526_140602.jpg 196,85')">20100526_140602.jpg</div><div id="20100302_145351.jpg" onclick="javascript:plot('20100302_145351.jpg 214,124')">20100302_145351.jpg</div><div id="20100306_145343.jpg" onclick="javascript:plot('20100306_145343.jpg 186,224 333,137 237,142')">20100306_145343.jpg</div><div id="20100528_143605.jpg" onclick="javascript:plot('20100528_143605.jpg 137,81 217,73')">20100528_143605.jpg</div><div id="20090830_141351.jpg" onclick="javascript:plot('20090830_141351.jpg 220,80')">20090830_141351.jpg</div><div id="20091231_140845.jpg" onclick="javascript:plot('20091231_140845.jpg 197,134 193,133')">20091231_140845.jpg</div><div id="20090203_143029.jpg" onclick="javascript:plot('20090203_143029.jpg 125,124')">20090203_143029.jpg</div><div id="20090628_141808.jpg" onclick="javascript:plot('20090628_141808.jpg 54,126')">20090628_141808.jpg</div><div id="20090126_140028.jpg" onclick="javascript:plot('20090126_140028.jpg 228,218 200,119 28,103')">20090126_140028.jpg</div><div id="20090604_144759.jpg" onclick="javascript:plot('20090604_144759.jpg 128,132')">20090604_144759.jpg</div><div id="20100530_140605.jpg" onclick="javascript:plot('20100530_140605.jpg 103,178  104,168  102,184  100,173  102,185')">20100530_140605.jpg</div><div id="20090726_144338.jpg" onclick="javascript:plot('20090726_144338.jpg 162,119')">20090726_144338.jpg</div><div id="20090201_143029.jpg" onclick="javascript:plot('20090201_143029.jpg 272,54')">20090201_143029.jpg</div><div id="20090902_141353.jpg" onclick="javascript:plot('20090902_141353.jpg 169,69')">20090902_141353.jpg</div><div id="20090202_143029.jpg" onclick="javascript:plot('20090202_143029.jpg 22,101')">20090202_143029.jpg</div><div id="20100707_143918.jpg" onclick="javascript:plot('20100707_143918.jpg 119,169')">20100707_143918.jpg</div><div id="20101206_145948.jpg" onclick="javascript:plot('20101206_145948.jpg 80,87 151,86')">20101206_145948.jpg</div><div id="20100624_143613.jpg" onclick="javascript:plot('20100624_143613.jpg 349,220 63,124')">20100624_143613.jpg</div><div id="20091203_143639.jpg" onclick="javascript:plot('20091203_143639.jpg 29,133')">20091203_143639.jpg</div><div id="20090127_143028.jpg" onclick="javascript:plot('20090127_143028.jpg 194,171 6,89 155,109')">20090127_143028.jpg</div><div id="20100625_140638.jpg" onclick="javascript:plot('20100625_140638.jpg 272,170 15,171  15,137 278,140')">20100625_140638.jpg</div><div id="20091105_140633.jpg" onclick="javascript:plot('20091105_140633.jpg 248,136')">20091105_140633.jpg</div><div id="20090728_141339.jpg" onclick="javascript:plot('20090728_141339.jpg 125,164  147,175  145,162  138,164  136,159')">20090728_141339.jpg</div><div id="20090526_144758.jpg" onclick="javascript:plot('20090526_144758.jpg 134,188')">20090526_144758.jpg</div><div id="20091207_140725.jpg" onclick="javascript:plot('20091207_140725.jpg 93,56  88,56')">20091207_140725.jpg</div><div id="20090426_141622.jpg" onclick="javascript:plot('20090426_141622.jpg 268,77')">20090426_141622.jpg</div><div id="20091130_143655.jpg" onclick="javascript:plot('20091130_143655.jpg 94,99')">20091130_143655.jpg</div><div id="20090222_141441.jpg" onclick="javascript:plot('20090222_141441.jpg 71,56 14,186 22,84')">20090222_141441.jpg</div><div id="20090802_141338.jpg" onclick="javascript:plot('20090802_141338.jpg 290,83  346,98')">20090802_141338.jpg</div><div id="20090529_141758.jpg" onclick="javascript:plot('20090529_141758.jpg 13,90')">20090529_141758.jpg</div><div id="20100726_144400.jpg" onclick="javascript:plot('20100726_144400.jpg 250,195 292,117 10,207 183,69')">20100726_144400.jpg</div><div id="20100727_141400.jpg" onclick="javascript:plot('20100727_141400.jpg 138,64  144,67')">20100727_141400.jpg</div><div id="20090306_144439.jpg" onclick="javascript:plot('20090306_144439.jpg 58,148  58,142  62,150  60,151')">20090306_144439.jpg</div><div id="20081225_145949.jpg" onclick="javascript:plot('20081225_145949.jpg 317,51 330,54')">20081225_145949.jpg</div><div id="20100825_142349.jpg" onclick="javascript:plot('20100825_142349.jpg 85,104')">20100825_142349.jpg</div><div id="20090801_144338.jpg" onclick="javascript:plot('20090801_144338.jpg 9,63')">20090801_144338.jpg</div><div id="20090625_141806.jpg" onclick="javascript:plot('20090625_141806.jpg 275,116 260,118  261,125  261,123 278,127')">20090625_141806.jpg</div><div id="20091230_143827.jpg" onclick="javascript:plot('20091230_143827.jpg 18,155 103,64 105,99')">20091230_143827.jpg</div><div id="20090901_141352.jpg" onclick="javascript:plot('20090901_141352.jpg 246,207 234,191 225,179 213,171 205,163 199,159 190,149 176,140 172,132 164,128')">20090901_141352.jpg</div><div id="20090129_143028.jpg" onclick="javascript:plot('20090129_143028.jpg 109,83 109,88 107,78')">20090129_143028.jpg</div><div id="20100125_141256.jpg" onclick="javascript:plot('20100125_141256.jpg 11,90')">20100125_141256.jpg</div><div id="20090401_141443.jpg" onclick="javascript:plot('20090401_141443.jpg 297,85')">20090401_141443.jpg</div><div id="20100223_145335.jpg" onclick="javascript:plot('20100223_145335.jpg 28,179')">20100223_145335.jpg</div><div id="20100527_143610.jpg" onclick="javascript:plot('20100527_143610.jpg 144,70')">20100527_143610.jpg</div><div id="20090607_141759.jpg" onclick="javascript:plot('20090607_141759.jpg 210,97')">20090607_141759.jpg</div><div id="20100702_143853.jpg" onclick="javascript:plot('20100702_143853.jpg 105,95 191,98')">20100702_143853.jpg</div><div id="20090503_141623.jpg" onclick="javascript:plot('20090503_141623.jpg 33,152  140,85')">20090503_141623.jpg</div><div id="20091130_140702.jpg" onclick="javascript:plot('20091130_140702.jpg 193,103  191,107  193,102  193,111  190,103')">20091130_140702.jpg</div><div id="20100806_142350.jpg" onclick="javascript:plot('20100806_142350.jpg 177,132')">20100806_142350.jpg</div><div id="20090404_144443.jpg" onclick="javascript:plot('20090404_144443.jpg 111,142')">20090404_144443.jpg</div><div id="20100829_145351.jpg" onclick="javascript:plot('20100829_145351.jpg 102,171')">20100829_145351.jpg</div><div id="20100602_140535.jpg" onclick="javascript:plot('20100602_140535.jpg 196,64 196,75 203,79 212,76 212,66 203,56  205,75')">20100602_140535.jpg</div><div id="20090903_144353.jpg" onclick="javascript:plot('20090903_144353.jpg 117,71 107,72')">20090903_144353.jpg</div><div id="20100725_144359.jpg" onclick="javascript:plot('20100725_144359.jpg 114,187 82,152 105,110 294,146')">20100725_144359.jpg</div><div id="20090603_144759.jpg" onclick="javascript:plot('20090603_144759.jpg 334,126')">20090603_144759.jpg</div><div id="20091102_143648.jpg" onclick="javascript:plot('20091102_143648.jpg 19,85 169,46 178,71')">20091102_143648.jpg</div><div id="20090501_144622.jpg" onclick="javascript:plot('20090501_144622.jpg 300,71')">20090501_144622.jpg</div><div id="20100601_140528.jpg" onclick="javascript:plot('20100601_140528.jpg 109,154 102,89 198,68  178,82')">20100601_140528.jpg</div><div id="20090525_144758.jpg" onclick="javascript:plot('20090525_144758.jpg 109,86')">20090525_144758.jpg</div><div id="20090425_141622.jpg" onclick="javascript:plot('20090425_141622.jpg 72,154 80,149 100,143 107,143 115,138 128,134 142,129 150,124 160,115 174,108')">20090425_141622.jpg</div><div id="20090803_144338.jpg" onclick="javascript:plot('20090803_144338.jpg 72,71')">20090803_144338.jpg</div><div id="20100527_140602.jpg" onclick="javascript:plot('20100527_140602.jpg 285,89')">20100527_140602.jpg</div><div id="20090707_141832.jpg" onclick="javascript:plot('20090707_141832.jpg 197,64')">20090707_141832.jpg</div><div id="20090303_141438.jpg" onclick="javascript:plot('20090303_141438.jpg 189,94')">20090303_141438.jpg</div><div id="20090107_145952.jpg" onclick="javascript:plot('20090107_145952.jpg 100,73')">20090107_145952.jpg</div><div id="20100629_143634.jpg" onclick="javascript:plot('20100629_143634.jpg 17,120 95,96')">20100629_143634.jpg</div><div id="20101030_145651.jpg" onclick="javascript:plot('20101030_145651.jpg 241,115 285,103  236,111 282,104')">20101030_145651.jpg</div><div id="20090729_144339.jpg" onclick="javascript:plot('20090729_144339.jpg 266,88')">20090729_144339.jpg</div><div id="20090303_144439.jpg" onclick="javascript:plot('20090303_144439.jpg 83,94')">20090303_144439.jpg</div><div id="20101028_142651.jpg" onclick="javascript:plot('20101028_142651.jpg 199,105  197,113')">20101028_142651.jpg</div><div id="20090729_141338.jpg" onclick="javascript:plot('20090729_141338.jpg 121,146 171,103 67,79 136,56')">20090729_141338.jpg</div><div id="20091103_143646.jpg" onclick="javascript:plot('20091103_143646.jpg 66,183 103,171 120,171 141,171 162,171 180,170 200,168 223,165 246,165 265,164')">20091103_143646.jpg</div><div id="20100129_140451.jpg" onclick="javascript:plot('20100129_140451.jpg 91,81')">20100129_140451.jpg</div><div id="20091202_143636.jpg" onclick="javascript:plot('20091202_143636.jpg 244,218 235,208 254,226 259,233 218,197 207,186 197,172 186,163 180,149 169,138')">20091202_143636.jpg</div><div id="20090225_141437.jpg" onclick="javascript:plot('20090225_141437.jpg 261,86')">20090225_141437.jpg</div><div id="20090825_141346.jpg" onclick="javascript:plot('20090825_141346.jpg 149,69')">20090825_141346.jpg</div><div id="20090806_141340.jpg" onclick="javascript:plot('20090806_141340.jpg 126,149 145,149 171,153')">20090806_141340.jpg</div><div id="20100701_143634.jpg" onclick="javascript:plot('20100701_143634.jpg 51,110 337,113  334,113 51,114')">20100701_143634.jpg</div><div id="20090128_140028.jpg" onclick="javascript:plot('20090128_140028.jpg 124,118  173,161 124,117')">20090128_140028.jpg</div><div id="20090425_144622.jpg" onclick="javascript:plot('20090425_144622.jpg 157,116 123,116  284,78')">20090425_144622.jpg</div><div id="20090402_144443.jpg" onclick="javascript:plot('20090402_144443.jpg 106,106')">20090402_144443.jpg</div><div id="20081225_142949.jpg" onclick="javascript:plot('20081225_142949.jpg 287,41 16,80 171,168')">20081225_142949.jpg</div><div id="20090730_144339.jpg" onclick="javascript:plot('20090730_144339.jpg 76,72 237,70  288,79')">20090730_144339.jpg</div><div id="20100605_143548.jpg" onclick="javascript:plot('20100605_143548.jpg 31,180 40,97 100,53')">20100605_143548.jpg</div><div id="20101103_142653.jpg" onclick="javascript:plot('20101103_142653.jpg 280,134 115,120')">20101103_142653.jpg</div><div id="20101204_142905.jpg" onclick="javascript:plot('20101204_142905.jpg 121,82')">20101204_142905.jpg</div><div id="20100605_140551.jpg" onclick="javascript:plot('20100605_140551.jpg 176,69  216,73 316,84 176,72')">20100605_140551.jpg</div><div id="20091106_140709.jpg" onclick="javascript:plot('20091106_140709.jpg 198,120  197,117')">20091106_140709.jpg</div><div id="20091031_140752.jpg" onclick="javascript:plot('20091031_140752.jpg 326,83')">20091031_140752.jpg</div><div id="20100607_143540.jpg" onclick="javascript:plot('20100607_143540.jpg 91,112 141,112 208,111 295,111 347,111')">20100607_143540.jpg</div><div id="20101204_145904.jpg" onclick="javascript:plot('20101204_145904.jpg 313,111  311,109')">20101204_145904.jpg</div><div id="20100301_142340.jpg" onclick="javascript:plot('20100301_142340.jpg 266,76')">20100301_142340.jpg</div><div id="20090601_144758.jpg" onclick="javascript:plot('20090601_144758.jpg 259,91')">20090601_144758.jpg</div><div id="20090204_143029.jpg" onclick="javascript:plot('20090204_143029.jpg 215,109 314,89 320,75 344,76 157,74 111,96 74,96 16,92 34,90')">20090204_143029.jpg</div><div id="20081226_145949.jpg" onclick="javascript:plot('20081226_145949.jpg 97,124')">20081226_145949.jpg</div><div id="20100228_145343.jpg" onclick="javascript:plot('20100228_145343.jpg 316,111')">20100228_145343.jpg</div><div id="20090325_144441.jpg" onclick="javascript:plot('20090325_144441.jpg 39,55 47,57 19,64')">20090325_144441.jpg</div><div id="20091127_143647.jpg" onclick="javascript:plot('20091127_143647.jpg 242,90')">20091127_143647.jpg</div><div id="20090305_141443.jpg" onclick="javascript:plot('20090305_141443.jpg 122,86')">20090305_141443.jpg</div><div id="20090806_144340.jpg" onclick="javascript:plot('20090806_144340.jpg 185,66 311,85 69,92')">20090806_144340.jpg</div><div id="20090804_141340.jpg" onclick="javascript:plot('20090804_141340.jpg 296,104')">20090804_141340.jpg</div><div id="20090605_141759.jpg" onclick="javascript:plot('20090605_141759.jpg 29,81 281,80 130,70')">20090605_141759.jpg</div><div id="20100629_140634.jpg" onclick="javascript:plot('20100629_140634.jpg 227,212')">20100629_140634.jpg</div><div id="20101025_145651.jpg" onclick="javascript:plot('20101025_145651.jpg 325,147')">20101025_145651.jpg</div><div id="20100727_144400.jpg" onclick="javascript:plot('20100727_144400.jpg 110,67 136,67')">20100727_144400.jpg</div><div id="20100603_143539.jpg" onclick="javascript:plot('20100603_143539.jpg 237,72')">20100603_143539.jpg</div><div id="20090105_145952.jpg" onclick="javascript:plot('20090105_145952.jpg 27,81')">20090105_145952.jpg</div><div id="20090628_144808.jpg" onclick="javascript:plot('20090628_144808.jpg 92,113 68,116')">20090628_144808.jpg</div><div id="20100827_142348.jpg" onclick="javascript:plot('20100827_142348.jpg 89,112 122,107  168,207 21,98 296,99')">20100827_142348.jpg</div><div id="20100706_140905.jpg" onclick="javascript:plot('20100706_140905.jpg 55,144')">20100706_140905.jpg</div><div id="20100602_143531.jpg" onclick="javascript:plot('20100602_143531.jpg 218,176')">20100602_143531.jpg</div>
</body></html>
